<%-- 
    Document   : ricercaAvanzata
    Created on : 9-set-2011, 22.16.35
    Author     : ale
--%>

<%@page import="utilities.FormUtilities"%>
<%@page import="utilities.Utilities"%>
<%@page import="entity.UtenteRegistrato"%>
<%@page import="entity.Annuncio"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@page import="statefulSB.UtenteLoggatoLocal"%>
<%! 
    UtenteRegistrato utenteLoggato;
    String indirizzo;
    List<Annuncio> annunci;
    String errore;
%>

<%
    utenteLoggato = Utilities.getUtenteLoggato(request);
    if (utenteLoggato == null) Utilities.errore("devi essere loggato per eseguire la ricerca avanzata", request, response);

    indirizzo = utenteLoggato.getIndirizzo().toString();
    
    annunci = (List<Annuncio>) (request.getAttribute("annunci"));
    errore = (String)request.getAttribute("errore");
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	
    <head>
        <!-- datepicker -->
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script>
            $(document).ready(function() {
                $("#chiusura").datepicker();
                $("#ordine").datepicker();
                $( "#chiusura" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );
                $( "#ordine" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );
                $( "#chiusura" ).datepicker( "option", "dayNames", ['Domenica', 'Lunedì', 'Martedì', 'Mercoledì', 'Giovedì', 'Venerdì', 'Sabato']);
                $( "#ordine" ).datepicker( "option", "dayNames", ['Domenica', 'Lunedì', 'Martedì', 'Mercoledì', 'Giovedì', 'Venerdì', 'Sabato']);
                $( "#chiusura" ).datepicker( "option", "dayNamesMin", ['Do', 'Lu', 'Ma', 'Me', 'Gi', 'Ve', 'Sa'] );
                $( "#ordine" ).datepicker( "option", "dayNamesMin", ['Do', 'Lu', 'Ma', 'Me', 'Gi', 'Ve', 'Sa'] );
                $( "#chiusura" ).datepicker( "option", "dayNamesShort", ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'] );
                $( "#ordine" ).datepicker( "option", "dayNamesShort", ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'] );
                $( "#chiusura" ).datepicker( "option", "firstDay", 1 );
                $( "#ordine" ).datepicker( "option", "firstDay", 1 );  
                $( "#chiusura" ).datepicker( "option", "hideIfNoPrevNext", true );
                $( "#ordine" ).datepicker( "option", "hideIfNoPrevNext", true );
                $( "#chiusura" ).datepicker( "option", "monthNames", ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre']);
                $( "#ordine" ).datepicker( "option", "monthNames", ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre']);
                $( "#chiusura" ).datepicker( "option", "monthNamesShort", ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott', 'Nov', 'Dic']);
                $( "#ordine" ).datepicker( "option", "monthNamesShort", ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott', 'Nov', 'Dic']);
                
            });
        </script>
        <!-- fine datepicker -->
	<title>Shipping Share :: Ricerca avanzata annuncio</title>
	<link rel="stylesheet" href="css/common.css" type="text/css"/>
        <link rel="stylesheet" href="css/header.css" type="text/css"/>
        <link rel="stylesheet" href="css/form.css" type="text/css"/>
	<link rel="stylesheet" href="css/annuncio.css" type="text/css"/>
	<link rel="stylesheet" href="css/footer.css" type="text/css"/>
        <link rel="stylesheet" href="css/popup.css" type="text/css"/>
        <link rel="stylesheet" href="css/ricerca.css" type="text/css"/>
        <script src="js/popup.js"></script>
        <script src="js/liquidCheck.js"></script>
        <script src="js/ajax.js"></script>
        <script src="js/checkForm.js"></script>
        <!-- star rating  -->
        <script src="star-rating/jquery.rating.pack.js"></script>
        <script src="star-rating/jquery.MetaData.pack.js"></script>
        <link rel="stylesheet" href="star-rating/jquery.rating.css" type="text/css"/>
        
    </head>
	
    
    <body>
        
        <div id="popupContainer"></div>
        
        <div id="wholeContainer">
	<div id="whole">
            
            <!-- includo l'header -->
            
            <div id="headerContainer">
                <jsp:include page="WEB-INF/jspf/header.jsp" />
            </div>
            
            <div id="bodyContainer">          
                    <h1>Ricerca avanzata</h1>
                    <% if (errore != null && !errore.equals("")) {%>
                        <div class='feedback'>
                        <h3>Attenzione...</h3>
                        Sono stati trovati i seguenti errori:
                        <ul>
                            <%= errore%>
                        </ul>
                        </div>
                    <% }%>
                    
                    
                    <div id="liquidForm" class="gradient">
                        <h2>Dati dell'annuncio</h2>
                        
                        <form action="Controller?action=ricercaAvanzataAnnuncio" method="POST">
                            <input name="action" type="hidden" value="ricercaAvanzataAnnuncio"/>
                            
                            <%
                            out.println(FormUtilities.creaRiga("urlSito", "Sito", "", "text", "checkUrl", "Inserisci qui il dominio del sito per il quale vuoi cercare l'annuncio, ad esempio <em>www.belsito.it</em>."));
                            out.println(FormUtilities.creaRiga("chiusura", "Data massima di chiusura", "", "text", "checkDate", "Inserisci qui la data massima di chiusura degli annunci da trovare."));
                            out.println(FormUtilities.creaRiga("ordine", "Data massima di ordine", "", "text", "checkDate", "Inserisci qui la data massima di ordine degli annunci da trovare."));
                            out.println(FormUtilities.creaRiga("indirizzo", "Vicino a", indirizzo, "text", "checkIndirizzo", "Inserisci qui l'indirizzo in cui ti trovi, in modo da poter personalizzare la ricerca e trovare gli annunci pi&ugrave; vicini a te."));
                            out.println(FormUtilities.creaRiga("chiusi", "Cerca anche tra gli annunci gi&agrave; chiusi", "", "checkbox", "", "Spunta il quadratino se vuoi estendere la ricerca anche agli annunci gi&agrave; chiusi."));
                            %>
                            
                            <div class='liquidTr'>
                                <div class='liquidTrCont'>
                                    <span class='labelSpan'><label>Creato da:</label></span>
                                    <span class='tripleSpan'> 
                                        <p><input id="chiunque" name="creatoDa" type="radio" value="chiunque" checked="checked" />Chiunque</p>
                                        <p><input id="minFeed" name="creatoDa" type="radio" value="minFeed" />
                                                Chiunque abbia feedback minimo pari a:&nbsp;&nbsp;  
                                                <span>
                                                    <input name="star" type="radio" class="star" value="1" onClick="checkCreatore('minFeed');"/>
                                                    <input name="star" type="radio" class="star" value="2" onClick="checkCreatore('minFeed');"/>
                                                    <input name="star" type="radio" class="star" value="3" checked="checked" onClick="checkCreatore('minFeed');"/>
                                                    <input name="star" type="radio" class="star" value="4" onClick="checkCreatore('minFeed');"/>
                                                    <input name="star" type="radio" class="star" value="5" onClick="checkCreatore('minFeed');"/>
                                                </span>
                                        </p>
                                        
                                        <% if (utenteLoggato.isCollegatoFb()){ %>
                                            <p><input id="amicoFb" name="creatoDa" type="radio" value="amicoFb" />Un mio amico di Facebook</p>
                                            <p><input id="amicoFbConFeed" name="creatoDa" type="radio" value="amicoFbConFeed" />
                                                    Un mio amico di Facebook con feedback minimo pari a:&nbsp;&nbsp;    
                                                    <span>
                                                        <input name="starfb" type="radio" class="star" value="1" onClick="checkCreatore('amicoFbConFeed');"/>
                                                        <input name="starfb" type="radio" class="star" value="2" onClick="checkCreatore('amicoFbConFeed');"/>
                                                        <input name="starfb" type="radio" class="star" value="3" checked="checked" onClick="checkCreatore('amicoFbConFeed');"/>
                                                        <input name="starfb" type="radio" class="star" value="4" onClick="checkCreatore('amicoFbConFeed');"/>
                                                        <input name="starfb" type="radio" class="star" value="5" onClick="checkCreatore('amicoFbConFeed');"/>
                                                    </span>
                                            </p>
                                        <% } %>
                                        
                                        <p>
                                                <input id="persona" name="creatoDa" type="radio" value="persona"/>
                                                Una persona specifica:&nbsp;&nbsp;
                                                <span>
                                                    <label>nome </label><input type="text" name="nomeCr" id="nomeCr" size="20" onFocus="checkCreatore('persona');"/>&nbsp;
                                                    <label>cognome </label><input type="text" name="cognomeCr" id="cognomeCr" size="20" onFocus="checkCreatore('persona');"/>
                                                </span>
                                        </p>
                                        
                                    </span>
                                </div>
                                <div class ='trError' id='creatoDaError'></div>
                            </div>
                            
                            <input type="submit" value="cerca" class="myButton"/>
                            
                        </form>
                    </div>
                    
                    <% 
                        if (annunci != null){ %>
                            <jsp:include page="WEB-INF/jspf/risultatiRicerca.jsp" />
                    <%  } %>
            </div> 
                            
            
                                
			
            <!-- includo il footer -->
            <jsp:include page="WEB-INF/html/footer.html" />
			
        </div> <!-- whole -->
        </div>
        
    </body>
	
</html>
